<!DOCTYPE html>
<html>
<head>

	<title>Among us Character</title>
	<link rel="stylesheet" type="text/css" href="../../assets/css/amongus/amongus.css">
	<script type="text/javascript" src="../../assets/js/amongus/amongus.js"></script>
	<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>


</head>
<body id="b" onkeydown='getKeyAndMove(event)'>
	<button style="background-color: white; color: black; width: 100px; height:100px;font-size: 100px;" onclick="backmove()"><i class='bx bx-arrow-back'></i></button>
	<div class="head">Use direct keys to move the character! (⬆️,⬇️,⬅️,➡️)</div>
	<div id="img">
	 <div class="hand"></div>
	 <div id="body"></div>
	 <div id="lleg"></div>
	 <div id="rleg"></div>
	 <div class="eye"></div>
	 <div class="line"></div>
	</div>
	<div class="back"></div>
	<div class="foot">You will get stuck by blackhole if you go beyond the limit😜!</div>
	<button class="but" onclick="setColor()">Light Mode</button>
	<button class="but1" onclick="setColor1()">Dark Mode</button>


</body>
</html>